
<template>
  <section class="mine-main-shopping">
      <section class="mine-main-shopping-left">
          <slot name="left"></slot>
          {{title}}
      </section>
      <slot name="right"></slot>
  </section>
</template>
<script>
export default {
  props:['title']
}
</script>
<style lang="scss">
@import "../../../../assets/scss/_functions.scss";
.mine-main-shopping{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: px2rem(85);
    border-bottom: 1px solid #c8c8c8;
    padding-left: px2rem(24);
    padding-right: px2rem(24);
    &-left{
        font-size: px2rem(28);
        color: #333333;
    }
}
</style>
